<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/gwc.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/通用.css">

</head>

<body>
    <header>
        <div class="ding">
            <div class="ding">
                <div class="fanhui">
                    <img src="./images/返回1.png" alt="">
                </div>
                <div class="name">
                    购物车
                </div>
            </div>
        </div>
    </header>

    <nav style="padding-top:1.29rem;">
        <div class="quanxuan">
            <div class="left">
                <input type="checkbox">
                <span>全选</span>
            </div>
            <div class="right">
                编辑
            </div>
        </div>
        <div class="zhanwei">

        </div>
        <div class="shangpin">
            <div class="anniu">
                <input type="checkbox">
            </div>
            <div class="tupian">
                <img src="./images/5-结算 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        面奶优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+蓝色
                </div>
            </div>
        </div>
        <div class="shangpin">
            <div class="anniu">
                <input type="checkbox">
            </div>
            <div class="tupian">
                <img src="./images/4-放入购物车 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        面奶优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+蓝色
                </div>
            </div>
        </div>
        <div class="shangpin">
            <div class="anniu">
                <input type="checkbox">
            </div>
            <div class="tupian">
                <img src="./images/5-结算 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        面奶优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+蓝色
                </div>
            </div>
        </div>
        <div class="shangpin">
            <div class="anniu">
                <input type="checkbox">
            </div>
            <div class="tupian">
                <img src="./images/4-放入购物车 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        面奶优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+蓝色
                </div>
            </div>
        </div>




    </nav>

    <footer>
        <div class="dadi">
            <div class="di">
                <div class="left">

                    <span>应付金额：</span> ￥338.00
                </div>
                <div class="right">
                    付款
                </div>
            </div>
            <div class="di1">
                <div class="one">
                    <img src="./Icon/底部主导航图标48px/首页.svg" alt="">
                    <span>首页</span>
                </div>
                <div class="one">
                    <img src="./Icon/底部主导航图标48px/购物车-选中.svg" alt="">
                    <span class="xuanzhong">购物车</span>
                </div>
                <div class="one">
                    <img src="./Icon/底部主导航图标48px/我的.svg" alt="">
                    <span>我的</span>
                </div>
            </div>
        </div>
    </footer>
</body>
<!-- <script src="./js/3-商品综合 购物车.js"></script> -->

</html>